<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PROJECT管理系统->后台用户登录</title>
<link rel="stylesheet" href="/css/core.css" type="text/css" />
<link rel="stylesheet" href="/js/plugins/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/css/core.css" type="text/css" />
<script src="/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="/js/plugins/bootstrap/js/bootstrap.js"></script>

</head>

<style type="text/css">
body{
    background-color:  #FFFFFF;
}
.cm-container{
    margin-top: 160px;
}
.login {
    width: 360px;
    height: 300px;
    margin: 0px auto;
}
</style>

</head>
<body>
    <div class="container cm-container">
        <h3 class="text-center"><font style="color: #337ab7;">PROJECT管理系统(系统管理平台)</font></h3>
        <hr />
        <div class="login">
            <form id="loginForm" action="/adminUser?cmd=login" method="post">
            <samp style="color: red;">${errorMessage}</samp>
                <div class="form-group form-group-lg">
                    <div class="input-group">
                        <div class="input-group-addon">用户名</div>
                        <input class="form-control" name="username"  value="${cookie.username.value}"/>
                    </div>
                </div>
                <div class="form-group form-group-lg">
                    <div class="input-group">
                        <div class="input-group-addon">密&emsp;码</div>
                        <input class="form-control" name="password" type="password" value="${cookie.password.value}"/>
                    </div>
                </div>
                <!-- 验证码 -->
                <div class="form-group form-group-lg">
                    <div class="input-group">
                        <div class="input-group-addon">验证码</div>
                        <input class="form-control" name="randomCode" type="text" style="width: 205px"/>
                        <img alt="" src="/randomCode" id="randomCode" style="height: 44px;">
                    </div>
                    <script type="text/javascript">
                        document.getElementById("randomCode").onclick=function(){
                            document.getElementById("randomCode").src="/randomCode?"+new Date().getTime();
                        }
                    </script>
                </div>
                <!-- 记住我 -->
                <input class="" name="rememberMe" type="checkbox" style="width: 20px;" 
                        ${cookie.rememberMe.value==null ? '' : 'checked'}/>记住我        
                <div class="form-group">
                    <button type="submit" class="btn btn-lg btn-primary btn-block" id="btn_submit">登录</button>
                </div>
            </form>
        </div>
    </div>
</body>
</html>